<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>drawing</title>
    <link rel="stylesheet" href="http://www.bootcss.com/p/metro-ui-css/css/modern.css">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="http://www.bootcss.com/p/metro-ui-css/js/modern/slider.js"></script>
    <script src="https://cdn.rawgit.com/eligrey/FileSaver.js/e9d941381475b5df8b7d7691013401e171014e89/FileSaver.min.js"></script>
    <link rel="stylesheet" href="css/drawing.css">
    <script src="js/drawing.js"></script>
    <script src="js/fileSave.js"></script>
</head>

<body>
    <canvas id="drawing" width="960" height="1600"></canvas>
    <div id="setting" draggable="true"><img src="img/setting-icon.png" alt="" width="80" height="80"></div>
    <div id="edit">
        <div id="row1">
            <input type="color" id="slct-color"></input>
            <button id="clear-canvas">清空画布</button>
            <button id="save">保存为图片</button>
        </div>
        <div class="slider" data-role="slider" data-param-accuracy="2" data-param-init-value="15"></div>
    </div>


</body>

</html>